<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>DR求婚钻戒款式和价格-DR钻戒官网</title>
<link href="<%=request.getContextPath()%>/css/qiuhun.css" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="css/fontawesome-all.min.css">
    <link rel="stylesheet" href="vendors/owl.carousel/css/owl.carousel.css">    
    <link rel="stylesheet" href="vendors/bootstrap-select/css/bootstrap-select.min.css">
     
    <link rel="stylesheet" type="text/css" href="vendors/flexslider/flexslider.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="vendors/bootstrap-rating/bootstrap-rating.css" media="screen" />
    
    <!--Fonts-->
    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet"> 

<link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/big.css">
    <link rel="stylesheet" href="css/responsive.css">
</head>
<body>
	<div id="top">
	<header class="row" id="header">
        <div class="row m0 logo_line">
            <div class="container">
               <div class="row">
                  <div class="col-sm-5 logo">
                     <a href="Home.jsp" class="logo_a"><img src="images/logo_2020.png" alt="D-shine">
                     </a>
                  </div>
                  <div class="col-sm-7 searchSec">
                     <div class="col-sm-12">
                        <div class="fright wishlistCompare">
                           <ul class="nav">
                              <li>
                                 <a href="wode.jsp">
                                 <span class="wish">
                                 <i class="fas fa-heart"></i>
                          
                                 </span>
                                 <span>我的</span>
                                 </a>
                              </li>
                              <li class="h_cart">
                                 <a href="denglu.jsp">
                                 <span class="wish">
                                 <i class="fas fa-gem"></i>
                           
                                 </span>
                                 <span>登录</span>
                                 </a>
                                 <div class="hclist">
                                    <div class="table-responsive">
                                       <table class="table">
                                          <thead>
                                             <tr>
                                                <th class="productImage">Product image</th>
                                                <th class="productName">Product name</th>
                                                <th></th>
                                             </tr>
                                          </thead>
                                          <tbody>
                                             <tr class="alert" role="alert">
                                                <td class="productImage"><img src="images/product/single/l1.png" alt=""></td>
                                                <td class="productName">
                                                   <h6 class="heading">Gold Plated Charm</h6>
                                                   <div class="input-group spinner">
                                                      <input class="form-control" value="1" type="text">
                                                      <div class="input-group-btn-vertical">
                                                         <button class="btn btn-default"><i class="fas fa-angle-up"></i></button>
                                                         <button class="btn btn-default"><i class="fas fa-angle-down"></i></button>
                                                      </div>
                                                   </div>
                                                </td>
                                                <td><a href="#" class="edit" data-dismiss="alert" aria-label="Close"><i class="far fa-trash-alt"></i></a></td>
                                             </tr>
                                             <tr class="alert" role="alert">
                                                <td class="productImage"><img src="images/product/single/l1.png" alt=""></td>
                                                <td class="productName">
                                                   <h6 class="heading">Zephyrr Stones</h6>
                                                   <div class="input-group spinner">
                                                      <input class="form-control" value="1" type="text">
                                                      <div class="input-group-btn-vertical">
                                                         <button class="btn btn-default"><i class="fas fa-angle-up"></i></button>
                                                         <button class="btn btn-default"><i class="fas fa-angle-down"></i></button>
                                                      </div>
                                                   </div>
                                                </td>
                                                <td><a href="#" class="edit" data-dismiss="alert" aria-label="Close"><i class="far fa-trash-alt"></i></a></td>
                                             </tr>
                                          </tbody>
                                       </table>
                                    </div>
                                 </div>
                              </li>
                           </ul>
                        </div>
                     </div>
                     <div class="col-sm-12">
                        <div class="fright searchForm">
                           <form action="#" method="get">
                              <div class="input-group">
                                 <input type="hidden" name="search_param" value="all" id="search_param">
                                 <input type="search" class="form-control" placeholder="输入身份证，查看真爱承诺">
                                 <span class="input-group-btn searchIco">
                                 <button class="btn btn-default" type="submit"><i class="fas fa-search"></i></button>
                                 </span>
                              </div>
                              <!-- /input-group -->
                           </form>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <nav class="navbar navbar-default m0 navbar-static-top">
            <div class="container-fluid container">
               <!-- Brand and toggle get grouped for better mobile display -->
               <div class="navbar-header">
                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mainNav">
                  <i class="fas fa-bars"></i> MENU
                  </button>
               </div>
               <!-- Collect the nav links, forms, and other content for toggling -->
               <div class="collapse navbar-collapse" id="mainNav">
                  <ul class="nav navbar-nav">
                     <li class="active dropdown">
                        <a class="dropdown-toggle pinpai" data-toggle="dropdown" role="button" aria-expanded="false">品牌故事</a>
                        <ul class="dropdown-menu" role="menu">
                           <li class="active"><a href="index.html">Home Default</a></li>
                           <li><a href="index2.html">Home 2 - Menu 2</a></li>
                           <li><a href="index3.html">Home 3 - Menu 3</a></li>
                        </ul>
                     </li>
                     <li><a href="qiuhun.jsp">求婚钻戒</a></li>
                     <li class="dropdown">
                        <a class="dropdown-toggle liwu" data-toggle="dropdown" role="button" aria-expanded="false">结婚对戒</a>
                        <ul class="dropdown-menu" role="menu">
                           <li><a href="blog.html">Blog</a></li>
                           <li><a href="single-post.html">Single Post</a></li>
                           <li><a href="shortcodes.html">Shortcodes</a></li>
                           <li><a href="innerpage-dark.html">Inner Page Dark</a></li>
                           <li><a href="404.html">404</a></li>
                        </ul>
                     </li>
                     <li class="dropdown megaMenu">
                        <a class="dropdown-toggle duijie" data-toggle="dropdown" role="button" aria-expanded="false">真爱礼物</a>
                        <ul class="dropdown-menu row m0" role="menu">
                           <li class="listMenu">
                              <div class="row listTitle">Jewelery &amp; sectionals</div>
                              <ul class="nav megaInnerMenu">
                                 <li><a href="#">wedding ring</a></li>
                                 <li><a href="#">pendant</a></li>
                                 <li><a href="#">nosering</a></li>
                                 <li><a href="#">necklace</a></li>
                                 <li><a href="#">medallion</a></li>
                                 <li><a href="#">engagement ring</a></li>
                                 <li><a href="#">costume jewellery</a></li>
                                 <li><a href="#">brooch</a></li>
                                 <li><a href="#">signet ring</a></li>
                              </ul>
                           </li>
                           <li class="listMenu">
                              <div class="row listTitle">shop by collections</div>
                              <ul class="nav megaInnerMenu">
                                 <li><a href="#">Ring</a></li>
                                 <li><a href="#">Bracelet</a></li>
                                 <li><a href="#">Bangle</a></li>
                                 <li><a href="#">Link, Chain</a></li>
                                 <li><a href="#">Stud</a></li>
                                 <li><a href="#">Ear-Ring, Tops</a></li>
                                 <li><a href="#">Brooch</a></li>
                              </ul>
                           </li>
                           <li class="boxMenu">
                              <div class="row listTitle">
                                 shop by categories <a href="product.html">shop all <i class="fas fa-caret-right"></i></a>
                              </div>
                              <ul class="nav megaInnerMenu row m0">
                                 <li>
                                    <a href="product2.html">
                                       <div class="row m0 imgHov">
                                          <img src="images/menu/1.png" alt="">
                                          <div class="row m0 hovCnt">
                                             <div class="row m0 hovCntInner">
                                                shop now <i class="fas fa-caret-right"></i>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row m0 menuTitle">Earrings</div>
                                    </a>
                                 </li>
                                 <li>
                                    <a href="product.html">
                                       <div class="row m0 imgHov">
                                          <img src="images/menu/2.png" alt="">
                                          <div class="row m0 hovCnt">
                                             <div class="row m0 hovCntInner">
                                                shop now <i class="fas fa-caret-right"></i>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row m0 menuTitle">Brooch</div>
                                    </a>
                                 </li>
                                 <li>
                                    <a href="product2.html">
                                       <div class="row m0 imgHov">
                                          <img src="images/menu/3.png" alt="">
                                          <div class="row m0 hovCnt">
                                             <div class="row m0 hovCntInner">
                                                shop now <i class="fas fa-caret-right"></i>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="row m0 menuTitle">Necklace</div>
                                    </a>
                                 </li>
                              </ul>
                           </li>
                        </ul>
                     </li>
                     <li class="dropdown">
                        <a class="dropdown-toggle tiyan" data-toggle="dropdown" role="button" aria-expanded="false">真爱体验店</a>
                        <ul class="dropdown-menu" role="menu">
                           <li><a href="product.html">Products</a></li>
                           <li><a href="product2.html">Products 2</a></li>
                           <li><a href="single-product.html">Single Product</a></li>
                           <li><a href="catalog.html">Catalog</a></li>
                           <li><a href="cart.html">Cart</a></li>
                           <li><a href="checkout.html">Checkout</a></li>
                        </ul>
                     </li>
                     <li><a href="#">DR真爱婚礼</a></li>
                     <li><form action="#" id="theshy" method="get">
                              <div class="input-group1">
                                 <input type="hidden" name="search_param" value="all" id="search_param">
                                 <input type="search" class="form-control" placeholder="请输入商品名称">
                                 <span class="input-group-btn  Ico">
                                 <button id="but"  type="submit"><img src="images/sousuo.png" ></img></button>
                                
                                
                                 </span>
                              </div>
                              <!-- /input-group -->
                           </form></li>
                     
                     <li class="offers_navbtn" ><a href="#"><i class="fas fa-gift"></i>Surprise</a></li>
                  </ul>
               </div>
               <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid -->
         </nav>
    </header>
	</div>
	<div id="lef"></div>
	<div id="rig">
		
	</div>
	<div id="t">
	<div id="ding">
	<span><a class="w" href="">DR</a></span>&nbsp; /
	<a  href=""><span class="w" id="leixin">求婚钻戒</span></a> &nbsp;/
	<span><a id="d" href="">所有商品</a></span><br>
	<h3 class="leixin1">求婚钻戒</h3>
	</div>
	<div>
	<ul id="xi">
	<li><a class="lei">稀世粉钻</a></li>
	<li><a class="lei">MY HEART系列</a></li>
	<li><a class="lei">BELIEVE系列</a></li>
	<li><a class="lei">FOREVER系列</a></li>
	<li><a class="lei">LOVE LINE系列</a></li>
	<li><a class="lei">DR PARIS系列</a></li>
	<li><a class="lei">TRUE LOVE系列</a></li>
	<li><a class="lei">WEDDING系列</a></li>
	<li><a class="lei">JUST YOU系列</a></li>
	<li><a class="lei">SWEETIE系列</a></li>
	<li><a class="lei">D-DESTINY系列</a></li>
	</ul>
	</div>
	<div>
	</div>
	<div>
	<h3>重量（克拉）</h3>
	<form action="" method="post">
	<ul id="ul2">
	<li><label class="cidio"><input name="Fruit" type="radio" value="" /> 10分以下</label> </li>
	<li><label class="cidio"><input name="Fruit" type="radio" value="" />10分-30分 </label>  </li>
	<li><label class="cidio"><input name="Fruit" type="radio" value="" />30分-50分  </label> </li>
	<li><label class="cidio"><input name="Fruit" type="radio" value="" />50分-1克拉 </label></li>
	<li><label class="cidio"><input name="Fruit" type="radio" value="" />1克拉以上 </label></li>
	</ul>
	</form>
	</div>
	<div>
		<h3>钻石形状</h3>
	<form action="" method="post">
	<ul id="ul2">
	<li><label class="cidio"><input name="Fruit" type="radio" value="" />圆形(六角星) </label> </li>
	<li><label class="cidio"><input name="Fruit" type="radio" value="" />心形(双心) </label>  </li>
	<li><label class="cidio"><input name="Fruit" type="radio" value="" />方形</label> </li>
	<li><label class="cidio"><input name="Fruit" type="radio" value="" />心形 </label></li>
	<li><label class="cidio"><input name="Fruit" type="radio" value="" />圆形 </label></li>
	</ul>
	</form>
	</div>
	
	<h3>价格</h3>
	<div id="divbian1">
	<ul id="u1">
	<li	class="d" id="d1"></li>
	<li class="d" id="d2"></li>
	<li class="d" id="d3"></li>
	<li class="d" id="d4"></li>
	<li class="d" id="d5"></li>
	</ul>
	</div>
	<div id="divbian">
	<input class="in" id="i" type="text">——<input id="i1" class="in" type="text">
	<input id="in1" type="button" value="确定">
	</div>	

	</div>
	<div id="zhong">
	
	
	<div id="divd">
	<div id="yinc"><span id="sp1">排序▼</span></div>
	<ul id="ul3">
		<li>默认</li>
		<li>价格</li>
	</ul>
	</div>
	
	
	
	
	</div>
	<div id="xia">
	 <footer class="row">
        <div class="row m0 topFooter">
            <div class="container line1">
                <div class="row footFeatures">
                    <div class="col-sm-4 footFeature">
                        <div class="media">
                            <div class="media-left icon"><img src="images/icons/car3.png" alt=""></div>
                            <div class="media-body texts">
                                <h4>free shipping</h4>
                                <h2>International</h2>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4 footFeature">
                        <div class="media m0">
                            <div class="media-left icon"><img src="images/icons/tel24-7_2.png" alt=""></div>
                            <div class="media-body texts">
                                <h4>24 hours helpline</h4>
                                <h2>XXX</h2>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4 footFeature">
                        <div class="media m0">
                            <div class="media-left icon"><img src="images/icons/shopping-bag2.png" alt=""></div>
                            <div class="media-body texts">
                                <h4>see our</h4>
                                <h2>latest offers</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container line2">
                <div class="row">
                    <div class="col-sm-3 widget">
                        <div class="row m0">
                            <h4>About Dshine</h4>
                            <p>We provide the best Quality of products to you.We are always here to help our lovely customers.</p>
                            <ul class="list-inline">
                                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fab fa-linkedin"></i></a></li>
                                <li><a href="#"><i class="fab fa-dribbble"></i></a></li>
                                <li><a href="#"><i class="fab fa-google-plus"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-3 widget">
                        <div class="row m0">
                            <h4>information</h4>
                            <ul class="nav">
                                <li><a href="about.html">About Us</a></li>
                                
                                <li><a href="blog.html">Blog</a></li>
                                <li><a href="#">Careers</a></li>
                                <li><a href="#">Top Brands</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-3 widget">
                        <div class="row m0">
                            <h4>top brands</h4>
                            <ul class="nav">
                                <li><a href="#">Fusce iaculis</a></li>
	                            <li><a href="#">Nisl dapibus</a></li>
	                            <li><a href="#">Vulputate sapien</a></li>
	                            <li><a href="#">Aliquet</a></li>
	                            <li><a href="#">Risus feugiat</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-3 widget">
                        <div class="row m0">
                            <h4>subscribe to our latest news</h4>
                            <form action="subscriptionList.php" method="post" role="form">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fas fa-envelope"></i></span>
                                    <input type="email" class="form-control" id="subscribeEmail" name="subscribeEmail" placeholder="EMAIL ADDRESS">
                                </div>
                                <input type="submit" class="form-control" value="Subscribe" id="submit" name="submit">
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="row m0 copyRight">
            <div class="container">
                <div class="row">
                    <div class="fleft">Copyright &copy; 2020.Company name All rights reserved.</div>
                    <ul class="nav nav-pills fright">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="about.html">about</a></li>
                        <li><a href="blog.html">blog</a></li>
                        <li><a href="contact.html">contact</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
	</div>
	

	
	

</body>
<!--jQuery, Bootstrap and other vendor JS-->
    
    <!--jQuery-->
    <script src="js/jquery-2.1.3.min.js"></script>

    <!--Google Maps-->
    <script src="http://ditu.google.cn/maps/api/js"></script>
    
    <!--Bootstrap JS-->
    <script src="js/bootstrap.min.js"></script>
    
     
         
    <!--Owl Carousel-->
    <script src="vendors/owl.carousel/js/owl.carousel.min.js"></script>
    
    <!--Isotope-->
    <script src="vendors/isotope/isotope-custom.js"></script>
    
    <!--FlexSlider-->
    <script src="vendors/flexslider/jquery.flexslider-min.js"></script>
    
    <!--D-shine JS-->
    <script src="js/d-shine.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.12.4.js"></script>
<script type="text/javascript">
	$(function () {
		$('input:radio').click(function () {
            var domName = $(this).attr('name');
            var $radio = $(this); 
            if ($radio.data('waschecked') == true) {
                $radio.prop('checked', false);
                $("input:radio[name='" + domName + "']").data('waschecked', false);
            } else {
                $radio.prop('checked', true);
                $("input:radio[name='" + domName + "']").data('waschecked', false);
                $radio.data('waschecked', true);
            }                
		});
		$("#yinc").mouseover(function(){
			$("#ul3").css("visibility","visible");
		});
		$("#ul3").mouseover(function(){
			$("#ul3").css("visibility","visible");
		});
		$("#ul3").mouseout(function(){
			$("#ul3").css("visibility","hidden");
		});
		$("#yinc").mouseout(function(){
			$("#ul3").css("visibility","hidden");
		});
		
		$("#u1 li").click(function(){	
			if($(this).index()==0){
				$("#i").val("0");
				$("#i1").val("5000");
				$(this).html("√");
				$("#u1 li").not(this).html("");
				
			}
			if($(this).index()==1){
				$("#i").val("5001");
				$("#i1").val("10000");
				$(this).html("√");
				$("#u1 li").not(this).html("");

			}
			if($(this).index()==2){
				$("#i").val("10000");
				$("#i1").val("20001");
				$(this).html("√");
				$("#u1 li").not(this).html("");
				
			}
			if($(this).index()==3){
				$("#i").val("20001");
				$("#i1").val("40000");
				$(this).html("√");
				$("#u1 li").not(this).html("");
				
			}
			if($(this).index()==4){
				$("#i").val("40001");
				$("#i1").val("以上");
				$(this).html("√").css("color","#ffffff");
				$("#u1 li").not(this).html("");

			}
			
		});
		var h1 = 1;
		var h2 = 800;
		var ss = $(document).scrollTop();
		$(window).scroll(function(){
			var s = $(document).scrollTop();

			if(s< h1){
				$('#header').removeClass('yya');
			}if(s > h1){
				$('#header').addClass('yya');
			}if(s > h2){
				$('#header').addClass('gizle');
				if(s > ss){
					$('#header').removeClass('sabit');
				}else{
					$('#header').addClass('sabit');
				}
				ss = s;
			}


		});
	})
</script>


<script type="text/javascript">
$('.pinpai').click(function () {
    window.location.href="BrandStory.jsp"
})

$('.liwu').click(function () {
    window.location.href="liwu.jsp"
})

$('.duijie').click(function () {
    window.location.href="duijie.jsp"
})

$('.tiyan').click(function () {
    window.location.href="tiyan.jsp"
})
</script>
</html>